/*************通用部分********************/
*{margin:0;padding:0;}
html{font-size:100%;}
body{font-family:monospace;font-size:120%;}
ul,li{list-style-type:none;}
a{text-decoration:none;}


		/***********一些浮动和定位,清除,字体颜色等**************/
.auto{margin:auto;}
.fr{float:right}
.fl{float:left;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.rel{position:relative;}
.abs{position:absolute;}
.fix{position:fixed;}
.cls{clear:both;}
.block{display:block;}
.hide{display:none;}
.inline{display:inline;}
.inline_block{display:inline-block}
.overflow{white-space:nowrap;
			overflow:hidden;
			-o-text-overflow: ellipsis; 
			text-overflow:ellipsis;  
}
		/***********字体按百分比10%缩放,默认比例100%相当于16px***********/
.font_70{font-size:70%}
.font_80{font-size:80%}
.font_90{font-size:90%}
.font-110{font-size:110%}
.font-120{font-size:120%}
.font_130{font-size:130%}
.font_140{font-size:140%}
.font_150{font-size:150%}
.font-160{font-size:160%}
.font-170{font-size:170%}
.font_180{font-size:180%}
.font_190{font-size:190%}
.font_200{font-size:200%}

.bg_none{background:none;}
.bg_bai{background: #fff;}/*********白色********/
.bg_hei{background: #000;}/*********纯黑********/
.bg_hei1{background: #333;}/*********中黑********/
.bg_hei2{background: #666;}/********淡黑********/
.bg_hui{background: #bbb;}/*********重灰********/
.bg_hui1{background: #666;}/*********普灰********/
.bg_hui2{background: #eee;}/*********浅灰********/
.bg_lan{background:#004477;}/*************暗蓝********/
.bg_lan1{background: #5DB4F1;}/*********天蓝********/
.bg_fen{background: #FF74B0;}/*********粉色********/
.bg_cheng{background: #F99B21;}/*********橙色********/
.bg_lv{background: #6FD2CF;}/*********青绿********/
.bg_kafei{background: #b37333;}/*********浅咖啡********/


.cl_bai{color:#fff;}/*********白色********/
.cl_hei{color:000;}/*********纯黑********/
.cl_hei1{color:#333;}/*********中黑********/
.cl_hui{color:#bbb}/*********重灰********/
.cl_hui1{color:#666;}/*********普灰********/
.cl_hui2{color:#eee}/*********浅灰********/

		/************通用圆角、边线等**************/
.border_none{border:none;}
.border_4{border:1px solid #eee;}
.border_top{border-top:1px solid #eee;}
.border_left{border-left:1px solid #eee;}
.border_right{border-right:1px solid #eee;}
.border_bottom{border-bottom:1px solid #eee;}

.yuan{border-radius:50%;}
.yuan_5{border-radius:5px;}
.yuan_10{border-radius:10px;}

		/************盒子，表格模型，通用**************/
.table_all{display:table;width:100%;margin:auto;}
.cell_all{display:table-cell}
.row_all{display:table-row}

.box_all{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-flow: row wrap;
	margin:auto;
	}
.table{display:table;}
.cell{display:table-cell}
	/**********盒子布局老的兼容写法********/
.old_box {
    display: -moz-box; 
    display: -webkit-box; 
    display: box; 
 }
 
 .box_one {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
} 
.box_center{
			/* Firefox */
				-moz-box-pack:center;
				-moz-box-align:center;
			/* Safari、Opera 以及 Chrome */
				-webkit-box-pack:center;
				-webkit-box-align:center;
			/* W3C */
				box-pack:center;
				box-align:center;
}
/***************************/

		/***********一些格子常用宽度百分比 *****************/
.w_20{width:20%}
.w_25{width:25%}
.w_30{width:30%}
.w_50{width:50%}
/****************通用部分END*************/
.top {
    max-width: 768px;
	height: 45px;
     background: #FFF;
	border-bottom: 1px solid #eee;
}
.main{max-width:768px;}
header {
    background: #03A9F4;
    /*min-height: 55px;*/
}
footer{padding:20px 0px;min-height:100px;}
.foot{width:clac( 16em + 2px );margin:10px auto;}
.foot span{margin:auto;color:#407399}
.foot a{color:#000;width:4em;}
a[class="foot_pay cell"]{border-left:1px solid #666;border-right:1px solid #666;}
.info_nav{background:#fff;
			color:#000;
			border-bottom:1px solid #eee;
}
.info_nav .text,
.info_nav .icon{
			height:55px;
			line-height:55px;
			color:#000;
}
.info_nav .icon{width:40px;}
.info_nav .text{width:calc( 100% - 160px );}
.wap_user{width:40px;
		height:40px;
}
.info_nav .icon i{
		width:28px;height:28px;
		margin:10px auto 0;
		color:#000;
}
.info_nav .icon img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    margin: 13px auto 0;
}
.menu {
	margin:5px auto 0px; 
	padding:10px 0px;
/*box-shadow:3px -3px 5px #bbb;
border-top:1px solid #333;*/
}
.menu li a{color:#000;
			width:50px;
			display:block;
			margin:auto;
}
.menu li i{height:50px;
			line-height:50px;
			display:block;
			border-radius:50%;
			color:#fff;
			font-size:160%;
			margin-bottom:10px;
}
.wap_logo {
	background: url(/public/static/images/logo2.png) no-repeat 0px 0px;
	width: 70px;
	background-size: 65px 28px;
	height: 40px;
	display: inline-block;
	margin: 6px auto 0 auto;
	text-align: center;
}
.wap_sch{
	margin: 8px 0 0 0;
	width: 200px;
		/*********************************************
		不支持新宽度属性calc写法的浏览器，
		适用老的手机浏览器及安卓原生
		（亲测华为，酷派等不支持CALC）以下相同，
		不要删除第一个WIDTH,位置排在前面
		*********************************************/
	width: calc( 100% - 125px );
}
.wap_sch .text{
	width: calc( 100% - 15px );
	height: 26px;
	text-indent: 10px;
	color: #000;
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid #eee;
}
.wap_sch .submit{
	width: 40px;
	height: 26px;
	margin-left: -48px;
	color: #003355;
	background: #fff url(/public/static/images/mbook/search.png) no-repeat center center;
	background-size: 18px 18px;
	border: 1px solid #eee;
	border-left: none;
}
.wap_user{width:40px;
		height:40px;
}
.wap_user span{display:inline-block;
width:28px;height:28px;
margin:4px auto 0;
color:#000;font-size:160%;
}
.wap_user img{
	width: 26px;
	height: 26px;
	border-radius: 50%;
	display: inline-block;
	margin: 9px auto 0;
}
.none{display:none;}
.one_content {
    background: #fff;
    margin: 10px 0px;
    padding: 10px 0px;
    /* box-shadow: 3px -3px 5px #bbb; */
}
.one_content h3{border-left:3px solid #03A9F4;margin:5px 0px 5px 9px;
				padding-left:15px;
				font-family:"monospace";
				font-size:130%;
				color:#666;
}
.index_box{
	padding-top:20px;
	border-top:1px solid #666;
	width:100%;
	display:block;
	text-align:center;
	font-size:0;
}
.col_3 a{color:#333;}
.col_3{width:30%;
		font-size:0;
		display:inline-block;
	/****以上三行为不支持新宽度属性写法，
	及inline-block产生的间距
	适用老的手机浏览器及安卓原生*****/
	width: calc( 100% / 3 - 5px );
	background:#fff;margin:auto;
	text-align:center;
}
/*
.col_3 img{border:none;
			outline:1px solid #666;
			outline-offset:3px;
			margin:10px auto;
			/*width:85px;
			height:128px;
			width:90%;
			max-width:150px;
			height:auto;
			text-align:center
}***********/
	.col_3 img {
    border: none;
    margin: 10px auto;
  width: 150px;
    text-align: center;
   height: 200px;
}
/* media */
/* 横屏 */
@media screen and (orientation:landscape){
}
/* 竖屏 */
@media screen and (orientation:portrait){
}
/* 窗口宽度<960,设计宽度=768 */
@media screen and (max-width:959px){
	

}
/* 窗口宽度<768,设计宽度=640 */
@media screen and (max-width:767px){
		.col_3 img {
    border: none;
    margin: 10px auto;
  width: 150px;
    text-align: center;
height: 200px;
}
}
/* 窗口宽度<640,设计宽度=480 */
@media screen and (max-width:639px){
	
	
	.col_3 img {
    border: none;
    margin: 10px auto;
    width: 120px;
    text-align: center;
   height: 160px;
}

}
/* 窗口宽度<480,设计宽度=320 */
@media screen and (max-width:479px){
	
	
	.col_3 img {
    border: none;
    margin: 10px auto;
 width: 100px;
    text-align: center;
height: 133px;
}

}
/* windows UI 贴靠 */
@media screen and (-ms-view-state:snapped){
}
/* 打印 */
@media print{
}
.col_3 P{overflow: hidden;margin-bottom:5px;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		font-size:16px;
}
/************************
.logo_other{font-size:1.8rem;
			color:#2BBEF8;
			}
.logo_one{background:#fff;color:#004477;
			font-weight:800;
			padding:0.1rem 0.3rem;
			font-size:2.4rem;
			margin:.3rem;
			border-radius:5px;
}
******************************/
/************************
.logo_other{font-size:1.8rem;
			color:#2BBEF8;
			}
.logo_one{background:#fff;color:#004477;
			font-weight:800;
			padding:0.1rem 0.3rem;
			font-size:2.4rem;
			margin:.3rem;
			border-radius:5px;
}
******************************/
